@charset "utf-8";

/* CSS Document */
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu,dl{margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a:link,a:visited{color:#000;text-decoration:none;outline:none;}
a:active,a:hover{color:#000; text-decoration:none;}
body{ margin:0;padding:0;font:14px/22px Microsoft Yahei;/* font-size:1em; line-height:1.571em;*/ min-width:320px; background:#e1e5ee;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; font-size:0; line-height:0; height:0; width:100%; overflow:hidden;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
.fix{*zoom:1;}
.bg{ background:#F5F5F5;}
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active{-moz-transform:rotate(0deg) scale(1.00,1.00) translate(0px,1px) skew(0deg,0deg);-moz-transform-origin:0% 0%;-webkit-transform:rotate(0deg) scale(1.00,1.00) translate(0px,1px) skew(0deg,0deg);-webkit-transform-origin:0% 0%;-o-transform:rotate(0deg) scale(1.00,1.00) translate(0px,1px) skew(0deg,0deg);-o-transform-origin:0% 0%;transform:rotate(0deg) scale(1.00,1.00) translate(0px,1px) skew(0deg,0deg);transform-origin:0% 0%;}
textarea{resize:none;overflow:auto;}

/**============ 顶栏 ===============**/
.header{height:51px;}
.navbar{width:100%;height:50px;position:fixed;z-index:100;right:0; top:0;background:#f9f9f9; border-bottom:1px solid #d8d8d8;-webkit-transition:right .5s ease;transition:right .5s ease;}
.navbar .ico-nav{float:left; width:18%; margin:0 1%; line-height:50px; text-align:center; font-size:3.142em;}
.navbar #title{float:left; width:58%;margin:0 1%; font-size:3.142em; line-height:50px; text-align:center; overflow:hidden;-webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out;transition:font-size 0.2s ease-out;}
.navbar #title img{width:80%;}
.navbar .ico-search{float:right; width:18%; margin:0 1%; line-height:50px; text-align:center; font-size:3.142em;}
.navbar .ico-nav img,.navbar .ico-search img{width:40%;}


/**============= 弹出的商品分类排列样式 ========================**/
#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
.warmp{position:relative;rightleft:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav{position:fixed;top:0;left:-260px;z-index:9999;width:260px;height:100%;background:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openMenu{left:260px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{left:0;-webkit-transition:all .5s ease;transition:all .5s ease;}

.nav h3{padding:0 0 0 25px;font-size:1.5em;font-weight:normal;color:#fff;line-height:50px;border-bottom:1px solid #cfcfcf; background:#e0dfdf;}
.nav h3 a { color:#000;}

.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}

.scroller {position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}

.nav ul li{ border-bottom:1px solid #d8d8d8; background:url(../img/phone/home/icon_2.gif) no-repeat 230px 22px;}
.nav ul li a{display:block;height:60px;line-height:60px;overflow:hidden;padding:0 0 0 24px;color:#666666;font-size:1em;}



/**============= 焦点图 ========================**/
.slider-focus{position:relative;max-width:640px;overflow:hidden;/*max-height:320px;*/margin:0 auto;}
.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus .hd li.on{ background:#ffea00;  }
.slider-focus .bd{ position:relative; z-index:0; }
.slider-focus .bd li{ position:relative; text-align:center;  }
.slider-focus .bd li img{ background:url(../images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slider-focus .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


/**============= 五个按钮 ========================**/
.menu_daohang{padding-top:15px; padding-bottom:15px; background:#fff; border-bottom:1px solid #b5bfd7;}
.menu_daohang ul{}
.menu_daohang ul li{float:left;width:20%;font-size:0.8em;line-height:24px;vertical-align:middle; text-algin:center;}
.menu_daohang ul li img{ max-width:74px; max-height:74px; width:60%; margin:auto; display:block;}
.menu_daohang ul li a{ vertical-align:middle; text-algin:center;margin:auto; line-height:24px;display:block;}
.menu_daohang ul li p{ width:100%; text-align:center;}


/**============= 8张图片 ========================**/
.todayPic{ background:#fff; margin:10px auto auto auto;}
.todayPic img{ width:100%; display:block;}
.area1{ float:left; width:49.5%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.area2{ float:left; width:50%; border-bottom:1px solid #dadada;}
.area3{ float:left; width:24.5%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.area4{ float:left; width:24.5%; border-bottom:1px solid #dadada;}
.area5{ float:left; width:49.5%; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.area6{ float:left; width:49.5%; border-bottom:1px solid #dadada;}
.area7{ float:left; width:49.5%; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.area8{ float:left; width:49.5%; border-bottom:1px solid #dadada;}


/**============= 服装鞋包 ========================**/
.clothingShoes{ margin:10px auto auto auto; width:100%;}
.clothingShoes dl{ float:left; width:7.3%;}
.clothingShoes dl img{ width:100%; max-width:38px; max-height:154px;}
.clothingShoes ul{ overflow:hidden; float:left; width:92.2%;}
.clothingShoes ul li{ float:left; width:33%; display:table; border-right:1px solid #dadada;}
.clothingShoes ul li img{ width:100%; display:table-cell; vertical-align:middle; max-width:158px; max-height:154px;}

/**============= 手机数码 ========================**/
.mobileDigital{ margin:10px auto auto auto; width:100%;}
.mobileDigital dl{ float:left; width:7.36%;}
.mobileDigital dl img{ width:100%; max-width:38px; max-height:154px;}
.mobileDigital ul{ overflow:hidden; float:left; width:92%;}
.mobileDigital ul li{ float:left; width:33%; display:table; border-left:1px solid #dadada;}
.mobileDigital ul li img{ width:100%; max-width:158px; max-height:154px;}


/**============= top5排列样式 ========================**/
.pxui-area{background:#fff;border-bottom:1px solid #b5bfd7;overflow:hidden;margin-top:10px; margin-bottom:10px;}
.pxui-bg-blue{background-color:#56678e;}
.pxui-color-white{color:#fff;}

.pxui-list a{display:block;line-height:40px;border-top:1px solid #cfcfcf;padding-left:14px;position:relative;}

.pxui-shoes{overflow:hidden;line-height:24px;position:relative;margin:10px 0;}
.pxui-shoes > div{overflow:hidden;margin-bottom:-1px;}
.pxui-shoes .img160{margin:auto;}
.img160{width:140px;height:140px;text-align:center;font-size:0;}
.img160 img{max-height:140px;max-width:140px;}
.img160 dfn{height:100%;display:inline-block;}

.pxui-shoes a{width:50%;float:left;border-bottom:1px solid #d3d3d3;overflow:hidden;min-width:120px;position:relative;height:230px;padding-top:10px;color:#575757;}
.pxui-shoes a:nth-child(2n+1){margin-left:-1px;border-right:1px solid #d3d3d3;}
.pxui-shoes .name{display:block;font-size:14px;max-height:48px;overflow:hidden;padding:0 12px;text-align:left;}
.pxui-shoes .price{margin-left:12px;display:inline-block;vertical-align:bottom;color:#fb4e3a;font-size:16px;}
.pxui-shoes del.price{margin-left:0;color:#A9A9A9;font-size:14px;}
.pxui-shoes .tag{position:absolute;top:0px;left:0px;}

.pxui-button{background:#f7f7f7;border:1px solid #cfcfcf;padding:9px 12px 8px 12px;line-height:20px;display:inline-block;vertical-align:middle;margin:6px;color:#40597d;background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#F6F6F6), to(#EEEEEE));}

.home-page .pxui-shoes span.tag{width:20px;height:20px;line-height:20px;color:#fff;font-size:14px;text-align:center;margin-left:12px; background:#da0000;}
.home-page .pxui-list{margin:0 12px;border-top:1px solid #cfcfcf;}
.home-page .pxui-list span{display:inline-block;line-height:20px;width:20px;text-align:center;margin-right:5px;vertical-align:middle;}
.home-page .pxui-list a{padding-left:0;}
.home-page .pxui-list p{width:60%;display:inline-block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align:middle;height:28px; line-height:28px;}
.home-page .pxui-list b{width:30%;display:inline-block;vertical-align:middle;text-align:right;}
.home-page .pxui-list span{display:inline-block;line-height:20px;width:20px;text-align:center;margin-right:5px;vertical-align:middle;}
.home-page h3{line-height:36px;border-bottom:1px solid #666666;margin:0 12px;font-size:14px;font-weight:normal;}
.home-page h3 a.pxui-button{margin:0;padding: 0 6px;font-size:12px;border-radius:3px;font-family:sans-serif;opacity:0.6;margin-top: 7px;float:right;color:#333;}
.home-page h3 a.pxui-button span{font-size:18px;display:inline-block;vertical-align:top;}
.home-page h3 b{font-size:16px;font-weight:normal;}



/**============= 实时推荐 ========================**/
.commodity-area{background:#fff;overflow:hidden;margin:10px auto;}
.commodity-today{overflow:hidden;line-height:24px;margin:0 auto;}
.commodity-today > div{overflow:hidden;margin-bottom:-1px;}
.commodity-today .img140{margin:auto;}
.img140{width:140px;height:160px;text-align:center;font-size:0;}
.img140 img{max-height:140px;max-width:140px;margin:10px 0;}
.img140 dfn{height:100%;display:inline-block;}

.commodity-today a{width:43.5%;float:left;border:1px solid #dddddd;overflow:hidden;min-width:120px;height:230px;color:#575757; margin:10px 0 0 12px;}
.commodity-today .name{display:block;font-size:14px;max-height:48px;overflow:hidden;padding:0 5px;text-align:left;}
.commodity-today .price{margin-left:5px;display:inline-block;vertical-align:bottom;color:#fb4e3a;font-size:16px; float:left;}
.commodity-today .read{margin-left:0;color:#a0a0a0;font-size:12px; background:url(../img/phone/home/icon_liulancishu.gif) no-repeat 1px 5px; padding-left:16px; float:right; margin-right:5px;}




/**============底部=================**/
.footer{height:51px}
.footer-con{width:100%;height:50px;position:fixed; z-index:100; right:0; bottom:0;background:#f7f5f8;border-top:1px solid #d8d8d8;-webkit-transition:right .5s ease;transition:right .5s ease;}
.footer li{ float:left; width:25%; text-align:center;}
.footer li a{display:block;font-size:0.8em;color:#787878;cursor:pointer; margin-top:7px; overflow:hidden; line-height:16px;}
.footer li img{ width:22%; margin:0 auto; max-width:32px; max-height:32px;}

#gotop/*返回顶部*/{display:none;position:fixed;z-index:777;width:82px;height:110px;right:10px;bottom:130px;cursor:pointer;background:url(../img/phone/home/top.png) no-repeat;}
#gotop{width:41px;height:55px;right:0;bottom:65px;background-size:41px 55px;}	



/**============注册登录=================**/

/*页面标题*/
.page-role{ margin:0 10px;}
.page-title{line-height:40px;font-size:14px;text-align:center;background:#fb4e3a;border:1px solid #ea3520;border-radius:5px;color:#fff;margin-bottom:12px;position:relative;height:40px;overflow:hidden;}
.page-title a{position:absolute;margin:5px 6px;background-position:0 -144px;display:inline-block;padding-left:15px;line-height:30px;font-size:14px;right:0;color:#fff;}
.page-title i{display:inline-block;width:15px;background-position:-124px -144px;height:30px;vertical-align:top;}
.page-title a.return{background-position:-76px -45px;width:62px;padding-left:0;text-indent:8px;left:0;}
.page-title a,
.page-title i{background-size:179px 175px;background-image:url(../img/phone/home/public.gif);}
/*页面标题-end*/

.pxui-form-info{padding:10px 0 ;}
.pxui-form-info div{overflow:hidden;}
.pxui-form-info span{width:70px;padding-right:5px;text-align:right;color:#40597d;float:left;line-height:51px;}
.pxui-form-info p{width:100%;margin-right:-75px;float:left;}
.error-msg,
.pxui-form-info p.error-msg{float:none;background:#fffbd5;padding:10px;width:auto;margin:0;margin-bottom:10px;display:none;}
.pxui-form-info p span{display:block;float:none;width:auto;margin-right:73px;text-align:left;color:#575757;line-height:16px;padding-bottom:10px;}
.pxui-form-info p input[type=text],
.pxui-form-info p input[type=number],
.pxui-form-info p input[type=email],
.pxui-form-info p input[type=password]{text-indent:8px;}
.pxui-form-info p input,
.pxui-form-info p textarea,
.pxui-form-info p .pxui-select{width:100%;margin-left:0;margin-right:0;padding-left: 0px;padding-right: 0px;}
.pxui-area .pxui-form-info{margin:10px;}
.pxui-form-info p .pxui-select span{padding:0;margin:0;text-indent:10px;line-height:20px;}
.pxui-form-info p .pxui-select i{position: absolute;right: 10px;top: 16px;}
.pxui-form-info label{line-height:20px;display:inline-block;vertical-align:middle;color:#2876d6;}
.pxui-form-info p input[type=checkbox]{line-height:20px;width:auto;margin:0;vertical-align:middle;}